<template>
	<div class="header items-center pb-2">
		<div class="flex items-center">
			<div class="pr-1 font-18">{{title}}</div>
			<slot></slot>
		</div>
		<div class="flex">
			<slot name="right"></slot>
		</div>
	</div>
</template>

<script>
	export default{
		name:"Title",
		props:{
			title:{
				type:String,
				required:true
			}
		}
	}
</script>

<style>
</style>
